#wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color:rgba(57, 58, 62, 1);!important;
    padding-top: 25%;
    padding-bottom: 0;!important;
    display: none;
}

.cropper-bg{
    background:rgba(57, 58, 62, 1);
    margin: 0;
}
.cropper-modal{
    background:rgba(57, 58, 62, 1);
}
.avatar-wrapper{
    width: 100%;
    height: 60%;
    overflow: hidden;
}
@media (max-width: 768px){
    #wrapper{
        padding-top: 35%;
    }
    .avatar-wrapper{
        height: 60%;
    }
}
@media (min-width: 768px){
    #wrapper{
        padding-top: 10%;
    }
    .avatar-wrapper{
        height: 70%;
    }
}

